<%--
  Created by IntelliJ IDEA.
  User: 86147
  Date: 2024/5/29
  Time: 21:34
  To change this template use File | Settings | File Templates.
--%>
<!-- community-noticeboard.jsp -->
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>智慧社区公告板</title>
    <link type="text/css" rel="stylesheet" href="css/bulletinboards.css">
</head>
<body>
<script type="text/javascript" charset="UTF-8" src="js/bulletinboards.js"></script>
<a-card :bordered="false">

    <div class="page-recerive">

        <div  class="common_nav" >
            <h1  class="nav_title" >通知公告</h1>

        </div>
        <div class="content" >
            <div class="title"><h2 >通知公告浏览</h2></div>
            <!--查询-->
            <div data-v-47fc369c="" class="tool" style="margin-left: 25px;">
                <div  class="search" style="position: relative;float: left;">
                    <input data-v-47fc369c="" type="text" v-bind:value="title" placeholder="请输入标题" @change="TitleInput" style="height: 36px;color: black;font-weight: bolder;">

                </div>

                <div  class="el-select " style="float: left;line-height: 34px;margin-left: 15px;  display: inline-block;position: relative;">
                    <a-date-picker  @change="DateInput" v-bind:value="time" style="color: black;font-weight: bolder;"/>
                </div>
                <div style="float: left;line-height: 34px;margin-left: 25px;    display: inline-block;position: relative;">
                    <a-button  style="background-color: #1a3c8e;border-color: #1a3c8e;" type="primary" @click="searchQuery" icon="search">查询</a-button>
                    <a-button style="background-color: #1a3c8e; margin-left: 15px;border-color: #1a3c8e;" type="primary" @click="searchReset" icon="reload" >重置</a-button>
                </div>
            </div>
            <!--数据-->
            <div class="result" >
                <table>
                    <thead class="row-title" >
                    <td style="width: 40%">公告标题</td>
                    <td style="width: 20%">发布部门</td>
                    <td style="width: 10%">发布时间</td>
                    </thead>
                    <tbody v-for="item in dataList">
                    <tr class="row-body" >
                        <td ><router-link  style="color:black" target="_blank" :to="{path:'../CtNoticeDetail',query:{id:item.id,company:item.company_dictText}}"><span class="box">♦</span>{{item.title}}</router-link></td>
                        <td><p class="company" >{{item.company_dictText}}</p></td>
                        <td><p class="senddate" >{{item.senddate}}</p></td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <!--数据分页-->
            <div class="page-bar" style="margin:40px auto;margin-top: 50px;">
                <ul>
                    <li v-if="cur>1"><a v-on:click="cur--,pageClick()">上一页</a></li>
                    <li v-if="cur==1"><a class="banclick">上一页</a></li>
                    <li v-for="index in indexs" v-bind:class="{ 'active': cur == index}">
                        <a v-on:click="btnClick(index)">{{ index }}</a>
                    </li>
                    <li v-if="cur!=all"><a v-on:click="cur++,pageClick()">下一页</a></li>
                    <li v-if="cur == all"><a class="banclick">下一页</a></li>
                    <li><a>共<i>{{all}}</i>页</a></li>
                </ul>
            </div>

        </div>
    </div>
</a-card>
</template>
</body>
</html>
